/*-----按钮------*/

//超小型按钮 size=mini

.el-button {
  font-family: Microsoft YaHei, Avenir, Helvetica, Arial, sans-serif;
  // min-width: 120px;
}

.el-button--mini {
  // padding: 10px 27px;
  height: 40px;
  font-size: $--font-size-content;
}

//小型按钮  size=small
.el-button--small {
  // padding: 11px 27px;
  height: 44px;
  font-size: $--font-size-title;
}

.el-button--primary:hover,
.el-button--primary:focus,
.el-button--primary:active {
  background: $--color-primary-light-2 !important;
  border-color: $--color-primary-light-2 !important;
}

// .el-button--default {
//   border: 1px solid $--border-color-button;
// }

.el-button.is-disabled,
.el-button.is-disabled:hover,
.el-button.is-disabled:focus {
  // border-color: $--border-color-button--disabled;//影响食品许可el-text样式
}

.el-button--text {
  height: 40px;
}

.el-button--text:hover,
.el-button--text:focus,
.el-button--text:active {
  color: $--color-primary--assist !important;
}

// .el-button--warning.is-plain:focus,
// .el-button--warning.is-plain:hover {
//   color: #e6a23c;
//   background: #fdf6ec;
//   border-color: #f5dab1;
// }

/*-----卡片------*/
.el-card__header {
  padding: 7px 16px; //调整高度40
  height: 40px;
  font-size: $--font-size-title;
  font-weight: bold;
  color: $--color-text-primary;
}

.el-card {
  color: $--color-text-regular;
  font-size: $--font-size-content;
}

.el-card.is-always-shadow {
  box-shadow: 0 0 6px $--border-color-lighter;
}

.el-card__body {
  padding: 10px 16px;
}

/*-----消息框------*/
.el-message-box {
  padding-bottom: 0;
}

.el-message-box__header {
  padding: 0 20px;
  border-bottom: 1px solid $--border-color-lighter;
  line-height: $--height;
  height: $--height;
  display: flex;
  align-items: center;
}

.el-message-box__title {
  font-size: $--font-size-content;
  font-weight: bold;
}

// .el-message-box__headerbtn {
//   top: 12px;
// }

.el-message-box__content {
  padding: 20px;
  font-size: $--font-size-content;
}

.el-message-box__btns {
  padding: 0;
  text-align: center;
  height: 60px;
  line-height: $--height;
  .el-button {
    @extend .el-button--mini;
  }
}

.el-message-box__status {
  position: absolute;
  top: 50%;
  left: 3%;
  transform: translateY(-50%);
  font-size: 20px !important;
}

/*-----对话框------*/
.el-dialog__header {
  padding: 8px 20px; //调整高度40
  font-size: $--font-size-title;
  font-weight: bold;
  color: $--color-text-primary;
}

.el-dialog__body {
  padding: 20px 20px;
  font-size: $--font-size-content;
}

//小图标
.el-dialog__headerbtn {
  top: 12px;
}

//按钮
.el-dialog__footer {
  .el-button {
    @extend .el-button--mini;
  }
}

//底部按钮的间距
.el-dialog__footer {
  padding: 0 20px;
  height: 60px;
  line-height: $--height;
}

/*-----标签页------*/

//普通版本的线
.el-tabs__nav-wrap:after {
  background-color: $--border-color-base;
}
//选型卡版本的线
.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid $--border-color-base;
}

.el-tabs__content,
.el-tabs__item {
  user-select: none;
  font-size: $--font-size-content;
  color: $--color-text-regular;
  &:hover {
    color: $--color-text-regular;
  }
}

.el-tabs__item {
  line-height: 50px;
  height: 50px;
  border-radius: 0 !important;
  padding: 0 8px;
}

.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: 1px solid $--border-color-base;
  padding: 0 14px;
}

.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: none;
}

.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 14px;
}

.el-tabs--top.el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom
  .el-tabs--right
  > .el-tabs__header
  .el-tabs__item:nth-child(2) {
  padding-left: 14px;
}

.el-tabs__item.is-active.is-top {
  color: $--color-text-primary;
  font-weight: bold;
  border-top: 3px solid $--color-primary;
  height: 52px;
}

/*-----步骤条------*/
//横向的
.el-steps--horizontal {
  position: relative;
  //细线
  .el-step__icon {
    width: 34px;
    height: 34px;
    font-size: $--font-size-content;
  }

  .el-step.is-horizontal .el-step__line {
    top: 16px;
    background-color: transparent;
    width: 100% !important;
    border-top: 4px solid $--border-color;
  }

  .el-step__head.is-finish .el-step__line-inner {
    border-width: 0 !important;
    width: 100% !important;
    background-color: transparent;
    border-top: 4px solid $--border-color;
  }

  .el-step__head.is-wait {
    .el-step__icon.is-text {
      border-color: $--border-color;
      background: $--background-color;
      color: $--color-text-secondary;
      .el-step__icon-inner {
        font-weight: normal;
      }
    }
  }

  .el-step__icon.is-text {
    border: 1px solid transparent;
    background: $--color-primary;
    color: #fff;
  }

  .el-step__title {
    color: $--color-text-secondary;
    &.is-process {
      color: $--color-primary;
      font-weight: normal;
    }

    &.is-finish {
      color: $--color-primary;
      font-weight: normal;
    }
  }

  .el-step__head.is-process {
    border-color: transparent;
  }

  .el-step.is-center .el-step__main {
    display: flex;
    justify-content: center;
  }

  .el-step__title {
    position: absolute;
    top: -50px;
  }
}

// //进度条
// .el-steps--simple {
//   padding: 10px 8%; //调整高度40
//   background: $--border-color-extra-light;
// }

// .el-step.is-simple {
//   .el-step__icon {
//     display: none;
//   }
//   .el-step__title {
//     font-size: $--font-size-title; //这里特定14px
//     color: $--color-text-regular;
//   }
//   .el-step__arrow::before,
//   .el-step__arrow::after {
//     height: 13px;
//   }
//   .el-step__title.is-process {
//     color: $--color-primary;
//     font-weight: bold;
//   }
//   .el-step__title.is-finish {
//     color: $--color-text-primary;
//     font-weight: bold;
//   }
//   .el-step__title.is-wait {
//     color: $--color-text-secondary;
//     font-weight: bold;
//   }

//   .el-step__title.is-process + .el-step__arrow {
//     &::before {
//       background: $--color-primary;
//     }
//     &::after {
//       background: $--color-primary;
//     }
//   }

//   .el-step__title.is-finish + .el-step__arrow {
//     &::before {
//       background: $--color-text-primary;
//     }
//     &::after {
//       background: $--color-text-primary;
//     }
//   }
// }

/*-----分页------*/
$--pagination-width-height: 30px;
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next {
  height: $--pagination-width-height;
  padding: 0 12px;
  background: #fff;
  border: 1px solid $--border-color;
}

.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .btn-next:disabled {
  background: $--color-info-lighter;
}

.el-pagination {
  .el-icon-arrow-left {
    &:before {
      font-family: element-icons;
      content: '\e6dd';
      font-size: $--font-size-extra-small;
      color: $--color-text-secondary !important;
      font-weight: normal;
    }
    &:after {
      content: '上一页';
      font-size: $--font-size-content-small;
      color: $--color-text-secondary !important;
      font-weight: normal;
    }
  }

  .el-icon-arrow-right {
    &:before {
      content: '下一页';
      font-size: $--font-size-content-small;
      color: $--color-text-secondary !important;
      font-weight: normal;
    }
    &::after {
      font-size: $--font-size-extra-small;
      font-family: element-icons;
      content: '\e6dc';
      color: $--color-text-secondary !important;
      font-weight: normal;
    }
  }
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  min-width: $--pagination-width-height;
  height: $--pagination-width-height;
  line-height: 28px;
}

.el-pagination__sizes .el-input .el-input__inner {
  font-size: $--font-size-content-small;
}

.el-input--mini .el-input__inner {
  height: $--pagination-width-height;
  line-height: $--pagination-width-height;
  font-size: $--font-size-base;
}

.el-pagination__editor.el-input .el-input__inner {
  height: $--pagination-width-height;
}

.el-pagination {
  margin-top: 5px !important;
}

.el-pagination__sizes {
  .el-input--suffix .el-input__inner {
    padding: 0;
    padding-right: 48px !important;
  }
}

.el-pagination__sizes {
  .el-input--mini .el-input__icon {
    line-height: $--pagination-width-height;
  }
}

.el-pagination.is-background .el-pager li {
  color: $--color-text-secondary;
  font-weight: normal;
  border: 1px solid $--border-color;
  background: #fff;
}

.el-pagination {
  .el-select .el-input .el-input__inner {
    color: $--color-text-secondary;
    font-weight: normal;
  }
}

.el-pagination__jump {
  .el-input__inner {
    color: $--color-text-secondary;
    font-weight: normal;
  }
}

.el-pagination {
  user-select: none;
  &::after {
    display: inline-block;
    content: 'GO';
    height: $--pagination-width-height;
    color: $--color-text-secondary;
    font-weight: normal;
    line-height: $--pagination-width-height;
    margin-left: 4px;
    background: $--color-info-lighter;
    font-size: $--font-size-content-small;
    padding: 0 4px;
    cursor: pointer;
  }
}

.el-pagination__editor.el-input .el-input__inner {
  width: 30px;
}

/*-----表格------*/
.el-table--medium th,
.el-table--medium td {
  padding: 0 0;
}

.el-table--medium .el-table__cell {
  padding: 0 0;
}

.el-table {
  th {
    font-size: $--font-size-content;
    color: $--color-text-primary;
    font-weight: normal;
    background: $--color-primary-light-9 !important;
  }
  td {
    font-size: $--font-size-content;
    color: $--color-text-regular;
  }

  .el-table__fixed-right {
    height: 100% !important;
  }
}

//表格最底部的线
.el-table--group::after,
.el-table--border::after,
.el-table::before {
  background-color: $--border-color;
}

//表格右边的线
.el-table--border th,
.el-table--border td {
  border-right: 1px solid $--border-color;
}

//表格底部的线
.el-table th.is-leaf,
.el-table td {
  border-bottom: 1px solid $--border-color;
}

//表格上面的线、左边的线
.el-table {
  border-top: 0px solid transparent;
  border-left: 1px solid $--border-color;
}

//表头上面的线
.el-table th {
  border-top: 1px solid $--border-color;
}

//.el-table td > .cell
.el-table th {
  height: 40px;
  line-height: 40px;
}

.el-table .cell {
  line-height: 40px;
}

.el-table td,
 .el-table th  {
  padding: 0;
}

.el-table--mini td,
 .el-table--mini th  {
  padding: 0px 0;
}

.el-table__empty-text {
  font-size: $--font-size-content;
}

/*-----面包屑------*/

.eve-breadcrumb .el-breadcrumb {
  font-size: $--font-size-content-small;
}

.eve-breadcrumb-icon {
  font-size: 20px !important;
}
.eve-breadcrumb {
  height: 30px !important;
}

/*-----main主体布局组件------*/

.eve-main {
  margin: 5px !important;
  width: calc(
    100vw - #{$--eve-menu-width} - 11px
  ) !important; //body overflow特殊处理
  height: calc(100vh - 65px - 30px - 10px) !important;
}

/*-----树------*/

.eve-tree__custom-tree-label {
  font-size: $--font-size-content;
}

.el-tree {
  color: $--color-text-primary !important;
}

.el-tree__empty-text {
  font-size: $--font-size-content;
}

/*-----时间线(时间轴)------*/

.el-steps--vertical {
  .el-step__icon {
    width: 10px;
    height: 10px;
    font-size: $--font-size-content;
    left: 7px;
    top: -11px;
  }

  .el-step__icon-inner {
    display: none;
  }

  .el-step__head.is-wait {
    border-color: $--border-color-base;
  }

  .el-step__icon.is-text {
    border: 1px solid transparent;
    box-shadow: $--color-text-placeholder 0px 0px 4px;
    &::after {
      content: '';
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: $--border-color-base;
    }
  }

  .el-step__head.is-finish {
    .el-step__icon.is-text {
      border: 1px solid transparent;
      box-shadow: $--color-text-placeholder 0px 0px 4px;
      &::after {
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: $--color-primary;
      }
    }
  }

  .el-step__head.is-wait {
    .el-step__icon.is-text {
      border: 1px solid transparent;
      box-shadow: $--color-text-placeholder 0px 0px 4px;
    }
  }

  .el-step__title {
    font-size: $--font-size-content;
    color: $--color-text-regular;
    line-height: 10px !important;
  }

  .el-step__title.is-process {
    font-size: $--font-size-content;
    font-weight: normal;
  }

  .el-step__head.is-process {
    border-color: $--border-color-base;
  }

  .el-step__title.is-wait {
    color: $--color-text-secondary;
  }
  .el-step__description.is-wait {
    color: $--color-text-secondary;
  }

  .el-step__head.is-process .el-step__icon.is-text {
    border: 1px solid transparent;
    background: $--color-primary;
    box-shadow: $--color-primary 0px 0px 4px;
    &::after {
      content: '';
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #fff;
    }
  }

  .el-step.is-horizontal .el-step__line {
    top: 14px;
  }
  .el-step__head.is-finish .el-step__line-inner {
    border-width: 1px !important;
    height: 100% !important;
  }

  .el-step__description.is-finish {
    color: $--color-text-secondary;
  }

  .el-step__description.is-process {
    color: $--color-text-secondary;
  }
}

//常规类型
// .el-timeline-item__node--normal {
//   background: #fff;
//   box-shadow: $--color-text-placeholder 0px 0px 4px;
//   &::after {
//     content: '';
//     width: 6px;
//     height: 6px;
//     border-radius: 50%;
//     background: $--color-primary;
//   }
// }

// .el-timeline-item__content {
//   color: $--color-text-regular;
//   font-size: $--font-size-content;
// }

// .el-timeline-item__timestamp {
//   color: $--color-text-secondary;
//   font-size: $--font-size-content-small;
// }

// .el-timeline-item__tail {
//   border-left: 2px solid $--color-primary;
// }

// //卡片类型
// .el-timeline-item__timestamp.is-top {
//   color: $--color-text-regular;
//   font-size: $--font-size-content;
// }

// .el-timeline-item__content {
//   .el-card {
//     color: $--color-text-secondary;
//     font-size: $--font-size-content-small;
//     line-height: 2;
//   }
//   .el-card__body {
//     padding: 0;
//     padding: 8px 0 0 8px;
//     min-height: 75px;
//     box-sizing: border-box;
//   }
// }

/*-----header组件------*/
.eve-header {
  background: $--eve-header-background;
}
.eve-header__dialog .el-dialog__header {
  height: 0;
}

/*-----动态表格------*/

//超小版本下拉单选弹出框样式-高度和边距取input输入框的高度和边距变量
.el-select-dropdown__item {
  height: $eveCommonInputHeight;
  line-height: $eveCommonInputHeight;
  font-size: $--font-size-small;
  padding: $eveCommonInputPadding;
}
//超小版本下拉建议搜索弹出框样式-高度和边距取input输入框的高度和边距变量
.el-autocomplete-suggestion {
  .el-autocomplete-suggestion__wrap {
    padding: 6px 0;
  }
  li {
    height: $eveCommonInputHeight;
    line-height: $eveCommonInputHeight;
    font-size: $--font-size-small;
    padding: $eveCommonInputPadding;
  }
}
//超小版本下拉多选弹出框样式-高度和边距取input输入框的高度和边距变量
.el-cascader-node {
  height: $eveCommonInputHeight;
  line-height: $eveCommonInputHeight;
  font-size: $--font-size-small;
  padding: $eveCommonInputPadding;
  .el-cascader-node__label {
    padding: 0 20px;
  }
}

//表格th label新增必填项*号
.el-table th.must > .cell:before {
  content: '* ';
  color: $--color-danger;
}

/*-----查询表单组件 eve-select-form------*/
.eve-select-form {
  font-size: $--font-size-content;
  .el-button {
    @extend .el-button--mini;
  }

  .el-input--suffix .el-input__inner {
    color: $--color-text-regular;
  }

  //Radio单选框
  .el-radio-group {
    min-height: 40px;
    //横向属性
    &.horizontal {
      padding: 5px 0;
    }
    //纵向属性-设置为块级元素，并设置上下间距
    &.vertical .el-radio {
      padding: 4px 0;
      display: block;
    }
    //radio选中字体不跟随变化（常规文字）-#606266
    .el-radio__input.is-checked + .el-radio__label {
      color: $--color-text-regular;
    }
    .el-radio__label {
      font-size: $--font-size-content;
      padding-left: 4px;
      padding-top: 2px;
    }

    //radio由[实心白]改为[实心蓝]效果
    .el-radio__input.is-checked .el-radio__inner {
      background: #fff;
    }
    .el-radio__inner::after {
      width: 5px;
      height: 5px;
      background-color: $--color-primary;
    }
  }

  .el-radio__input {
    margin-bottom: 1px;
  }

  //checkbox
  .el-checkbox__inner {
    margin-bottom: 1px;
  }
  .el-checkbox__label {
    font-size: $--font-size-content;
  }

  //图标
  .el-input__icon {
    line-height: 40px;
  }

  //查询按钮
  .eve-select-form__pack-up {
    font-size: $--font-size-content;
  }

  .el-date-editor .el-range__icon {
    line-height: 32px;
  }

  .el-date-editor .el-range-separator {
    line-height: 32px;
  }

  .el-date-editor .el-range__close-icon {
    line-height: 32px;
  }
}

/*-----输入框、select框的placeholder修改------*/
.el-input input::-webkit-input-placeholder {
  font-size: $--font-size-content-small !important;
}
.el-input input::-moz-input-placeholder {
  font-size: $--font-size-content-small !important;
}
.el-input input::-ms-input-placeholder {
  font-size: $--font-size-content-small !important;
}

/*-----select框------*/

.el-select-dropdown__empty {
  font-size: $--font-size-content !important;
}

/*-----下拉树------*/
.eve-drop-down-tree__content {
  padding: 0;
}

.eve-drop-down-tree {
  .el-input {
    font-size: $--font-size-content-small;
  }
}

.el-tree-node__label {
  font-size: $--font-size-content;
  color: $--color-text-primary;
}

.eve-drop-down-tree {
  .el-input__inner {
    //input内边距
    padding: $eveCommonInputPadding;
    //input高度
    height: $eveCommonInputHeight;
    line-height: 1;
  }
}

.eve-drop-down-tree__item {
  .el-tree-node__content > .el-tree-node__expand-icon {
    padding: 2px;
  }
}

/*********checkbox复选框[start]*********/
.el-checkbox {
  padding: 4px 0;
  display: block;
}
.el-checkbox__label {
  font-size: $--font-size-small;
  padding-left: 4px;
}

//checkbox由[白色勾]改为[蓝色勾]效果
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #fff;
  //三级边框-#ebeef5
  border-color: 1px solid $--border-color-lighter;
}
.el-checkbox__inner::after {
  border-color: $--color-primary;
}
//checkbox选中字体不跟随变化
.el-checkbox__input.is-checked + .el-checkbox__label {
  //常规文字-#606266
  color: $--color-text-regular;
}

/*********Tooltip 文字提示*********/
.el-tooltip__popper {
  max-width: 50%;
}

// 下拉多选的值
.el-tag--mini {
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  font-size: $--font-size-base;
  .el-icon-close {
    background-color: #c0c4cc;
  }
}

//修改表单默认的线条颜色和鼠标悬浮颜色
.el-input__inner,
.el-textarea__inner,
.el-checkbox__inner {
  border-color: $--border-color-light-web;
  &:hover {
    border-color: $--color-primary;
  }
}
.el-select:hover .el-input__inner {
  border-color: $--color-primary;
}

/*表单去除disabled字体置灰*/
.el-input.is-disabled .el-input__inner,
.el-textarea.is-disabled .el-textarea__inner,
.el-range-editor.is-disabled input {
  color: $--color-text-regular !important;
}
